{extend name="public:base" /}

{block name="css"}
<link rel="stylesheet" href="__STATIC__/iconfont/demo/demo.css">
<link rel="stylesheet" href="__STATIC__/iconfont/demo/iconfont.css">{/block}

{block name="content"}
<input type="text" id="input" style="display: ">
<div class="main">
    <div class="content">
        <ul class="icon_lists dib-box">
            <li class="dib" onclick="copyText(this)" onclick="copyText(this)">
                <span class="icon iconfont icon-success"></span>
                <div class="name">
                    通过
                </div>
                <div class="code-name">.icon-success</div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-refuse"></span>
                <div class="name">
                    驳回
                </div>
                <div class="code-name">.icon-refuse</div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-huiyuanqia"></span>
                <div class="name">
                    会员卡
                </div>
                <div class="code-name">.icon-huiyuanqia</div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-8"></span>
                <div class="name">
                    门店
                </div>
                <div class="code-name">.icon-8
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-tubiao-zhexiantu"></span>
                <div class="name">
                    图表-折线图
                </div>
                <div class="code-name">.icon-tubiao-zhexiantu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-tongjifenxi-changguitongji"></span>
                <div class="name">
                    统计分析-常规统计
                </div>
                <div class="code-name">.icon-tongjifenxi-changguitongji
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-tongjifenxi-xiangmubiaogetongji"></span>
                <div class="name">
                    统计分析-项目表格统计
                </div>
                <div class="code-name">.icon-tongjifenxi-xiangmubiaogetongji
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-tongji"></span>
                <div class="name">
                    统计
                </div>
                <div class="code-name">.icon-tongji
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-weixin"></span>
                <div class="name">
                    微信
                </div>
                <div class="code-name">.icon-weixin
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-teacher"></span>
                <div class="name">
                    老师
                </div>
                <div class="code-name">.icon-teacher
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-siren"></span>
                <div class="name">
                    预警
                </div>
                <div class="code-name">.icon-siren
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-news"></span>
                <div class="name">
                    24gl-newspaper
                </div>
                <div class="code-name">.icon-news
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-web"></span>
                <div class="name">
                    网页
                </div>
                <div class="code-name">.icon-web
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-source"></span>
                <div class="name">
                    音视频回传
                </div>
                <div class="code-name">.icon-source
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-jigou"></span>
                <div class="name">
                    机构
                </div>
                <div class="code-name">.icon-jigou
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-close"></span>
                <div class="name">
                    close
                </div>
                <div class="code-name">.icon-close
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-dian"></span>
                <div class="name">
                    点
                </div>
                <div class="code-name">.icon-dian
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-elipsis"></span>
                <div class="name">
                    elipsis
                </div>
                <div class="code-name">.icon-elipsis
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-table"></span>
                <div class="name">
                    table
                </div>
                <div class="code-name">.icon-table
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-iconfontquxiaoshouquan"></span>
                <div class="name">
                    解除授权
                </div>
                <div class="code-name">.icon-iconfontquxiaoshouquan
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-trash"></span>
                <div class="name">
                    trash
                </div>
                <div class="code-name">.icon-trash
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-pencil-square"></span>
                <div class="name">
                    pencil-square
                </div>
                <div class="code-name">.icon-pencil-square
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-users"></span>
                <div class="name">
                    users
                </div>
                <div class="code-name">.icon-users
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-caozuo_disu"></span>
                <div class="name">
                    操作_低速
                </div>
                <div class="code-name">.icon-caozuo_disu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-eye"></span>
                <div class="name">
                    eye
                </div>
                <div class="code-name">.icon-eye
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-arrow-right"></span>
                <div class="name">
                    arrow-right
                </div>
                <div class="code-name">.icon-arrow-right
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-arrow-left"></span>
                <div class="name">
                    arrow-left
                </div>
                <div class="code-name">.icon-arrow-left
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-list"></span>
                <div class="name">
                    list
                </div>
                <div class="code-name">.icon-list
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-trasho"></span>
                <div class="name">
                    trash-o
                </div>
                <div class="code-name">.icon-trasho
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-plus"></span>
                <div class="name">
                    plus
                </div>
                <div class="code-name">.icon-plus
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-edit"></span>
                <div class="name">
                    edit
                </div>
                <div class="code-name">.icon-edit
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-chevron_down"></span>
                <div class="name">
                    chevron_down
                </div>
                <div class="code-name">.icon-chevron_down
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-chevron_up"></span>
                <div class="name">
                    chevron_up
                </div>
                <div class="code-name">.icon-chevron_up
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-tasks"></span>
                <div class="name">
                    tasks
                </div>
                <div class="code-name">.icon-tasks
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-bars"></span>
                <div class="name">
                    bars
                </div>
                <div class="code-name">.icon-bars
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-renzhengyonghu"></span>
                <div class="name">
                    认证用户
                </div>
                <div class="code-name">.icon-renzhengyonghu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-24"></span>
                <div class="name">
                    文章
                </div>
                <div class="code-name">.icon-24
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-bianji"></span>
                <div class="name">
                    编辑
                </div>
                <div class="code-name">.icon-bianji
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-31quanbushangpin"></span>
                <div class="name">
                    3.1 全部商品
                </div>
                <div class="code-name">.icon-31quanbushangpin
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-shouye"></span>
                <div class="name">
                    首页
                </div>
                <div class="code-name">.icon-shouye
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-shanchu"></span>
                <div class="name">
                    删除
                </div>
                <div class="code-name">.icon-shanchu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yonghu-yuan"></span>
                <div class="name">
                    用户-圆
                </div>
                <div class="code-name">.icon-yonghu-yuan
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-liebiao"></span>
                <div class="name">
                    列表
                </div>
                <div class="code-name">.icon-liebiao
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-dingdan"></span>
                <div class="name">
                    订单
                </div>
                <div class="code-name">.icon-dingdan
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yingxiaoshezhi"></span>
                <div class="name">
                    营销设置
                </div>
                <div class="code-name">.icon-yingxiaoshezhi
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-liebiaobianji"></span>
                <div class="name">
                    列表编辑
                </div>
                <div class="code-name">.icon-liebiaobianji
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yonghuzhuce"></span>
                <div class="name">
                    用户注册
                </div>
                <div class="code-name">.icon-yonghuzhuce
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-jiluliebiao"></span>
                <div class="name">
                    记录列表
                </div>
                <div class="code-name">.icon-jiluliebiao
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-xinzeng"></span>
                <div class="name">
                    新增
                </div>
                <div class="code-name">.icon-xinzeng
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-liebiao1"></span>
                <div class="name">
                    列表
                </div>
                <div class="code-name">.icon-liebiao1
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yonghu"></span>
                <div class="name">
                    用户
                </div>
                <div class="code-name">.icon-yonghu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-kefu"></span>
                <div class="name">
                    客服
                </div>
                <div class="code-name">.icon-kefu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yonghukaihu"></span>
                <div class="name">
                    用户开户
                </div>
                <div class="code-name">.icon-yonghukaihu
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-caidan"></span>
                <div class="name">
                    菜单
                </div>
                <div class="code-name">.icon-caidan
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yonghuguanli"></span>
                <div class="name">
                    用户管理
                </div>
                <div class="code-name">.icon-yonghuguanli
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-jurassic_log"></span>
                <div class="name">
                    日志_jurassic
                </div>
                <div class="code-name">.icon-jurassic_log
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-kaquanyingxiao"></span>
                <div class="name">
                    卡券营销
                </div>
                <div class="code-name">.icon-kaquanyingxiao
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-jieriyingxiao"></span>
                <div class="name">
                    节日营销
                </div>
                <div class="code-name">.icon-jieriyingxiao
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-yulan"></span>
                <div class="name">
                    预览
                </div>
                <div class="code-name">.icon-yulan
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-quanxianpeizhi"></span>
                <div class="name">
                    权限配置
                </div>
                <div class="code-name">.icon-quanxianpeizhi
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-banner"></span>
                <div class="name">
                    banner
                </div>
                <div class="code-name">.icon-banner
                </div>
            </li>

            <li class="dib" onclick="copyText(this)">
                <span class="icon iconfont icon-peizhi"></span>
                <div class="name">
                    配置
                </div>
                <div class="code-name">.icon-peizhi
                </div>
            </li>

        </ul>
    </div>
</div>{/block}

{block name="js"}
<script type="text/javascript">
    function copyText(that) {
        var text = $.trim($(that).find('.code-name').html().replace('.', ''));
        var input = document.getElementById('input');
        input.value = text; // 修改文本框的内容
        input.select(); // 选中文本
        document.execCommand("copy"); // 执行浏览器复制命令
        layer.msg('复制成功')
    }
</script>{/block}

